@charset "utf-8";

/* 首页 */
.header{width: 100%;height: 80px;line-height: 80px; position: relative; z-index: 30;background-color: #fff;}
.header .container{height: 100%;}
.header .logo img{height: 100%;}
.header .nav {display: flex;}
.header .nav ul{z-index: 1;display: flex; margin-bottom: 0px;}
.header .nav ul li{float: left;margin: 0 20px;}
.header .nav ul li a{font-size: 14px;font-weight: 600;}
.header .nav ul .nli.on a{width: 88px;height: 80px;background-image: -moz-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);background-image: -webkit-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);background-image: -ms-linear-gradient( 135deg, rgb(2,226,160) 0%, rgb(0,153,68) 100%);box-shadow: 0px 0px 6px 0px rgba(88, 0, 13, 0.55); display: inline-block;color: #fff;text-align: center;}

.head_seartch{ height: 20px; margin-top: 30px;position: relative;display: flex;justify-content: center;align-items: center;}
.head_seartch a{ color: #fff; font-size: 15px; margin-left: 30px; font-weight: normal; width: 15px; height: 16px; display: block; position: relative;}
.head_seartch a.search::after{ content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/search.png) no-repeat; background-size: cover;}

.search_xl{ padding: 0px; height: 40px; width: 250px; left: auto; right: 0px; overflow: hidden; margin-top: 15px; border-radius: 0px;}
.search_xl input{ width: calc(100% - 40px); border: 0px; height: 40px; line-height: 35px; font-size: 13px; padding: 0px 10px; float: left;}
.search_xl button{ width: 40px; height: 40px; border: 0px; font-size: 16px; -webkit-text-stroke: 1px #009944;  background: #009944; color: #fff; float: left;}

.header .langage{margin-left: 30px;}
.header .langage a{font-size: 14px;color: #666;}

.phone-header{display: none;}
.search1 {
    width: 165px;
    box-sizing: border-box;
    padding: 0px 10px;
    height: 40px;
    background: #f7f8fa;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    line-height: 40px;
    margin-left: 15px;
}

.search1 .text {
    border: 0px;
    background: none;
    height: 40px;
    line-height: 40px;
    width: 115px;
    color: #333;
    font-size: 14px;
}

.search1 .anniu {
    width: 25px;
    height: 40px;
    vertical-align: sub;
    border: 0px;
    background: none;
}

.search1 .anniu i {
    font-size: 18px;
}



/* banner */
.banner {
    position: relative;
    overflow: hidden;
    height: 550px !important;
    width: 100%;
}

.bannerBox {
    position: relative;
    height: 100%;
}

.bannerWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bannerSwiper {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}

.bannerSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}

.bannerImg {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.ban_mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}
.ban_mask span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.banner_txt {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.banner_txt h1{
    font-size: 38px;
    color: #fff;
}

.ban_wz {
    width: 60%;
    margin: 0 auto;
    max-width:800px;
}

.bannerTxt_lis {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.bannerTxt_lis.first {
    visibility: visible;
    opacity: 1;
}

.tables {
    display: table;
    width: 100%;
    height: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.bannerTxt_lis h2 {
    position: relative;
    margin: 0px 0 30px;
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
}
.bannerTxt_lis h2:after{
    content:"";
    display: inline-block;
    width: 50px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.bannerTxt_lis h3 {
    margin: 0 0 45px;
    padding-bottom: 20px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 1px;
    font-size: 30px;
}


a.ban_btn {
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    color: #034ea1;
    line-height: 46px;
    padding: 0 20px;
    min-width: 200px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing:0.4px;
    font-family: Helvetica, sans-serif;
    text-transform:uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
a.ban_btn:hover {
    color: #fff;
    background: transparent;
}
.bannerSlide.first {
    left: 0;
}

.bannerWrapper:after {content: "";display: block;    z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(0, 64, 152, 0.1);opacity: 0.1;}

a.ban_arrL , a.ban_arrR {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 3;
    color: #fff;
    padding: 10px 15px;
    font-size: 50px;
}

a.ban_arrR {
    right: 8%;
}

a.ban_arrL {
    left: 8%;
}

a.ban_arrL img,a.ban_arrR img {
    /* width: 50px; */
    opacity: 0.5;
}

.ban_mask:after {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.4;}
.ban_pagi {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.ban_pagi span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.3);
    width: 18px;
    height: 18px;
    padding: 7px;
    border-radius: 50px;
    margin: 0 5px;
    border: solid 2px transparent;
    transform: scale(0.8);
    -webki-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.ban_pagi span:after {
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.ban_pagi span.active {
    background: transparent;
    /* border-color: #2789ee; */
    background-color: #3da765;
    transform: scale(1);
    -webki-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.bannerTxt_lisIco {
    width: 60%;
    margin: 0 auto;
    margin-top: 0%;
    text-align: center;
    max-width: 1000px;
}

.bannerTxt_lisIco img {
    max-width: 100%;
    margin: 0 auto;
}

.ban_pagi span.active:after {content: "";display: inline-block;position: absolute;width: 10px;height: 10px;background: #8bcaa3;border-radius: 20px;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;}


/* banner */

.index1 .slideBox .hd {height: 30px;line-height: 30px;border-bottom: 1px solid #dddddc;background-color: #eaeae9;}
.index1 .slideBox .hd ul li{float: left;cursor: pointer;padding: 0 15px;}
.index1 .slideBox .hd ul li.on{height: 30px;background-color: #fff;border: 1px solid #dddddc;border-bottom: 2px solid #fff;color: #333;font-weight: 600;}
.index1 .slideBox .bd .nr{border-bottom: 1px solid #dddddc;padding: 30px 0;}
.index1 .slideBox .bd .nr .img p{color: #009944;margin-top: 10px;}
.index1 .slideBox .bd .nr .img img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);}
.index1 .slideBox .bd .nr .img{text-align: center;}
.index1 .slideBox .bd .nr .index1swiper{padding: 0 40px;}
.index1swiper .swiper-button-next, .index1swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index2swiper{padding: 0 40px;}
.index2swiper .swiper-button-next, .index2swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index3swiper{padding: 0 40px;}
.index3swiper .swiper-button-next, .index3swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index4swiper{padding: 0 40px;}
.index4swiper .swiper-button-next, .index4swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index5swiper{padding: 0 40px;}
.index5swiper .swiper-button-next, .index5swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index6swiper{padding: 0 40px;}
.index6swiper .swiper-button-next, .index6swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index7swiper{padding: 0 40px;}
.index7swiper .swiper-button-next, .index7swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
.index1 .slideBox .bd .nr .index8swiper{padding: 0 40px;}
.index8swiper .swiper-button-next, .index8swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}

.index1_ph{display: none;}



.index2{margin-top: 30px;padding-bottom: 40px;}
.index2 .ind2_left {width: 42%;}
.index2 .ind2_left .hd{border-left: 2px solid #009944;height: 17px;line-height: 17px;display: flex;justify-content: space-between;padding-right: 40px;}
.index2 .ind2_left .hd ul li{float: left;font-size: 15px;padding: 0 10px;cursor: pointer;}
.index2 .ind2_left .hd ul li.on{font-size: 18px;font-weight: 600;}
.index2 .ind2_left .bd .nr {margin-top: 20px;border-right: 1px solid #ddd;padding-right: 40px;}
.index2 .ind2_left .bd .nr .ind2_top{display: flex;justify-content: flex-start;}
.index2 .ind2_left .bd .nr .ind2_top a{display: flex;justify-content: flex-start;}
.index2 .ind2_left .bd .nr .ind2_top .ind2_img img{width: 100%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);}
.index2 .ind2_left .bd .nr .ind2_top .ind2_wz{margin-left: 10px;}
.index2 .ind2_left .bd .nr .ind2_top .ind2_wz h2{color: #333;font-weight: 600;}
.index2 .ind2_left .bd .nr .ind2_top .ind2_wz p{color: #555;margin-top: 5px;}
.index2 .ind2_left .bd .nr .ind2_top .ind2_wz .ind2_bott{display: flex;justify-content: space-between;align-items: center;margin-top: 5px;}
.index2 .ind2_left .bd .nr .ind2_top .ind2_wz .ind2_bott span{color: #aaa;}
.index2 .ind2_left .bd .nr .ind2_list .ind2_li{color: #777;display: flex;justify-content: space-between;align-items: center;}
.index2 .ind2_left .bd .nr .ind2_list ul li{margin-top: 15px;}
.index2 .ind2_right{width: 55%;}
.index2 .ind2_right .ind2_tit{display: flex;justify-content: space-between;border-left: 2px solid #009944;height: 17px;line-height: 17px;align-items: center;}
.index2 .ind2_right .ind2_tit h2{font-size: 18px;color: #333;font-weight: 600;margin-left: 10px;}
.index2 .ind2_right .ind2_cot {margin-top: 30px;}
.index2 .ind2_right .ind2_cot .cot_left{width: 50%;}
.index2 .ind2_right .ind2_cot .cot_left h2{font-size: 24px;color: #009944;margin-top: 20px;margin-bottom: 10px;font-weight: 600;}
.index2 .ind2_right .ind2_cot .cot_left span{color: #ccc;}
.index2 .ind2_right .ind2_cot .cot_left p{font-size: 14px;color: #555;margin-top: 20px;line-height: 25px;padding-right: 30px;font-weight: 600;}
.index2 .ind2_right .ind2_cot .cot_right{width: 50%;}
.index2 .ind2_right .ind2_cot .cot_right img{width: 100%;box-shadow: 0px 18px 7px 0px rgba(37, 61, 48, 0.1);}

/* 滑块 start */
#subjects {height:165px; background-color:#f7f7f7;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#fff600;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#009944;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}
#subjects .g-wrap .item-2 .p1 {left:43px; top:0px;}
#subjects .g-wrap .item-2 .p2 {left:280px; top:26px;}
#subjects .g-wrap .item-3 .p1 {left:15px; top:97px; width:77px; height:76px;}
#subjects .g-wrap .item-3 .p2 {left:175px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {left:23px; top:54px; width:182px; height:80px;}
#subjects .g-wrap .item-4 .p2 {left:210px; top:37px; width:245px; height:122px;}

/*#subjects*/
.g-wrap {position:relative; margin:0 auto; width:1320px; height:100%; overflow:hidden;}
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:617px;}
#subjects .state-0 .item-4 {left:793px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:492px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:705px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:917px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:637px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */


.footer_bott{margin: 10px 0;align-items: center;}
.footer_bott p:first-child{font-size: 10px;line-height: 35px;}
.footer_bott p:nth-child(2){color: #999;}
.footer_bott p:nth-child(2) img{margin-left: 10px;}


.footer_yq {
    width: 180px;
    position: relative;
    z-index: 100;
    margin-left: 20px;
}

.footer_yq h3 {
    border: solid 1px #666;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    cursor: pointer;
}

.footer_yq h3 * {
    line-height: 30px;
}

.footer_yq h3 i {
    font-style: normal;
    font-size: 20px;
    width: 20px;
    text-align: right;
}

.footer_yq h3 span {
    width: calc(100% - 20px);
}

.footer_yq ul {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 140px;
    overflow-y: auto;
    display: none;
    margin-bottom: 0px;
}

.footer_yq li {
    border: solid 1px #ddd;
}

.footer_yq li:last-child {
    border-bottom: 0;
    border-top: 0;
}

.footer_yq a {
    padding: 0 10px;
    line-height: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    display: block;
}

.footer_yq a:hover {
    color: #fff;
    background: #009944;
}





/* 关于我们-企业简介 */
.mainBan_bg{width: 100%;height: 300px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.mainBan_bg .mainBan_wz{text-align: center;padding-top: 100px;}
.mainBan_bg .mainBan_wz h1{font-size: 48px;color: #fff;}
.mainBan_bg .mainBan_wz p{font-size: 28px;color: #fff;margin-top: 10px;}

.about_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.about_nav a{font-size: 12px;color: #999;font-weight: 600;}
.about_nav i{font-size: 12px;color: #999;font-weight: 600;}
.about_nav a.active{color: #009944;}

.about_con{margin-top: 20px;}
.about_con .about_left{width: 25%;}
.about_con .about_right{width: 70%;}
.about_left .about_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;}
.about_left .about_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.about_left .about_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.about_left .about_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.about_left .about_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.about_left .about_slide .slide_log ul li.on a{color: #009944;}
.about_left .about_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.about_left .about_bott{margin-top: 10px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.about_left .about_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.about_left .about_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.about_left .about_bott .bott_txt{width: 343px;padding: 0 10px;}
.about_left .about_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.about_right .about_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.about_right .about_tit p{font-size: 20px;color: #009944;}
.about_right .about_tit p span{font-size: 20px;color: #999;}
.about_right .about_txt{margin-top: 20px;}
.about_right .about_txt .about_img img{width: 100%;}
.about_right .about_txt .about_wz{margin-top: 40px;}
.about_right .about_txt .about_wz img{width:100%;}
.about_right .about_txt .about_wz p{font-size: 16px;margin-bottom: 20px;}

.footer{text-align: center;margin-top: 60px;margin-bottom: 20px;}
.footer p{font-size: 10px;}


/* 关于我们-企业荣誉 */
.about_right .about_list{margin-top: 10px;}
.about_right .about_list ul li{float: left;width: 50%;padding: 30px;}
.about_right .about_list .about_li .about_img {overflow: hidden;}
.about_right .about_list .about_li .about_img img{width: 100%;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;display: inherit;}
/* .about_right .about_list .about_li:hover .product_img img {transform: scale(1.1);-webkit-transform: scale(1.1);} */
.about_right .about_list .about_li .about_wz{text-align: center;}
.about_right .about_list .about_li .about_wz h2{font-size: 16px;margin: 10px 0;font-weight: 600;}
.about_right .about_list .about_li .about_wz p{font-size: 12px;color: #009944;}



/* 联系我们 */
.contact_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.contact_nav a{font-size: 12px;color: #999;font-weight: 600;}
.contact_nav i{font-size: 12px;color: #999;font-weight: 600;}
.contact_nav a.active{color: #009944;}

.contact_con{margin-top: 20px;}
.contact_con .contact_left{width: 25%;}
.contact_con .contact_right{width: 70%;}
.contact_left .contact_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 213px;}
.contact_left .contact_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.contact_left .contact_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.contact_left .contact_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.contact_left .contact_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.contact_left .contact_slide .slide_log ul li.on a{color: #009944;}
.contact_left .contact_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.contact_left .contact_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.contact_left .contact_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.contact_left .contact_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.contact_left .contact_bott .bott_txt{width: 343px;padding: 0 10px;}
.contact_left .contact_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.contact_right .contact_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.contact_right .contact_tit p{font-size: 20px;color: #009944;}
.contact_right .contact_tit p span{font-size: 20px;color: #999;}

.contact_right .contact_map{margin-top: 20px;}
.contact_right .contact_map #map{width: 100%;height: 328px;}
.contact_right .contact_wz{margin-top: 60px;}
.contact_right .contact_wz .address{border-top: 1px solid #ccc;display: flex;justify-content: flex-start;align-items: center;height: 80px;line-height: 80px;}
.contact_right .contact_wz .address .contact_01{width: 156px;border-top: 2px solid #000;}
.contact_right .contact_wz .address .contact_01 p{font-size: 16px;color: #000;font-weight: 600;}
.contact_right .contact_wz .address .contact_02 p{font-size: 16px;color: #000;}
.contact_right .contact_idea{text-align: right;padding-right: 10%;}
.contact_right .contact_idea h2{font-size: 16px;color: #666;}
.contact_right .contact_idea p{margin-top: 10px;}

/* 联系我们-职业发展 */
.contact_right .develop_list ul li{float: left;width: 33.3333%;margin-top: 40px;}
.contact_right .develop_list .develop_li{background-color: #f3f3f3;width: 270px;height: 355px;padding: 50px 20px;}
.contact_right .develop_list .develop_li .title h2{font-size: 18px;color: #333;font-weight: 600;}
.contact_right .develop_list .develop_li .content {margin-top: 20px;height: 190px;}
.contact_right .develop_list .develop_li .content p{font-size: 16px;color: #b1b2b1;margin-top: 10px;line-height: 25px;}
.contact_right .develop_list .develop_li .btn a{color:#009944;}



/* 项目展示 */
.product_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.product_nav a{font-size: 12px;color: #999;font-weight: 600;}
.product_nav i{font-size: 12px;color: #999;font-weight: 600;}
.product_nav a.active{color: #009944;}

.product_con{margin-top: 20px;}
.product_con .product_left{width: 25%;}
.product_con .product_right{width: 70%;}
.product_left .product_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 548px;}
.product_left .product_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.product_left .product_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.product_left .product_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.product_left .product_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.product_left .product_slide .slide_log ul li.on a{color: #009944;}
.product_left .product_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.product_left .product_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.product_left .product_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.product_left .product_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.product_left .product_bott .bott_txt{width: 343px;padding: 0 10px;}
.product_left .product_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.product_right .product_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.product_right .product_tit p{font-size: 20px;color: #009944;}
.product_right .product_tit p span{font-size: 20px;color: #999;}
.product_right .product_list{margin-top: 10px;}
.product_right .product_list ul li{float: left;width: 50%;padding: 30px;}
.product_right .product_list .product_li .product_img {overflow: hidden;}
.product_right .product_list .product_li .product_img img{width: 100%;transition: all 0.8s ease;-webkit-transition: all 0.8s ease;display: inherit;}
.product_right .product_list .product_li:hover .product_img img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.product_right .product_list .product_li .product_wz{text-align: center;}
.product_right .product_list .product_li .product_wz h2{font-size: 16px;margin: 10px 0;font-weight: 600;}
.product_right .product_list .product_li .product_wz p{font-size: 12px;color: #009944;}

.page{margin-top: 30px;}
.page ul li{float: left;border: 1px solid #e2e2e2;padding: 10px 20px;}
.page ul li.on{background-color: #009944;}
.page ul li.on a{color: #fff;}
.page ul li:hover {background-color: #009944;}
.page ul li:hover a{color: #fff;}


/* 新闻中心 */
.new_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.new_nav a{font-size: 12px;color: #999;font-weight: 600;}
.new_nav i{font-size: 12px;color: #999;font-weight: 600;}
.new_nav a.active{color: #009944;}

.new_con{margin-top: 20px;}
.new_con .new_left{width: 25%;}
.new_con .new_right{width: 70%;}
.new_left .new_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 280px;}
.new_left .new_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.new_left .new_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.new_left .new_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.new_left .new_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.new_left .new_slide .slide_log ul li.on a{color: #009944;}
.new_left .new_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.new_left .new_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.new_left .new_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.new_left .new_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.new_left .new_bott .bott_txt{width: 343px;padding: 0 10px;}
.new_left .new_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.new_right .new_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.new_right .new_tit p{font-size: 20px;color: #009944;}
.new_right .new_tit p span{font-size: 20px;color: #999;}
.new_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;}
.new_right .new_li{display: flex;justify-content: space-between;align-items: center;}
.new_right .new_li .pany_left{padding-right: 30px;}
.new_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.new_right .new_li .pany_left span{font-size: 12px;color: #999;}
.new_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;}
.new_right .new_li .pany_right img{width: 100%;}
.new_right .new_txt{margin-top: 40px;}
.new_right .new_txt .new_top{text-align: center;}
.new_right .new_txt .new_top h2{font-size: 24px;font-weight: 600;}
.new_right .new_txt .new_top p{font-size: 16px;color: #999;margin-top: 10px;}
.new_right .new_txt .new_wz p{font-size: 16px;margin-top: 20px;}
.new_right .new_txt .new_wz p img{width: 100%;}


/* 职业发展 */
.develop_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.develop_nav a{font-size: 12px;color: #999;font-weight: 600;}
.develop_nav i{font-size: 12px;color: #999;font-weight: 600;}
.develop_nav a.active{color: #009944;}

.develop_con{margin-top: 20px;}
.develop_con .develop_left{width: 25%;}
.develop_con .develop_right{width: 70%;}
.develop_left .develop_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 347px;}
.develop_left .develop_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.develop_left .develop_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.develop_left .develop_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.develop_left .develop_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.develop_left .develop_slide .slide_log ul li.on a{color: #009944;}
.develop_left .develop_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.develop_left .develop_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.develop_left .develop_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.develop_left .develop_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.develop_left .develop_bott .bott_txt{width: 343px;padding: 0 10px;}
.develop_left .develop_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.develop_right .develop_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.develop_right .develop_tit p{font-size: 20px;color: #009944;}
.develop_right .develop_tit p span{font-size: 20px;color: #999;}
.develop_right .develop_list ul li{float: left;width: 33.3333%;margin-top: 40px;}
.develop_right .develop_list .develop_li{background-color: #f3f3f3;width: 270px;height: 355px;padding: 50px 20px;}
.develop_right .develop_list .develop_li .title h2{font-size: 18px;color: #333;font-weight: 600;}
.develop_right .develop_list .develop_li .content {margin-top: 20px;height: 190px;}
.develop_right .develop_list .develop_li .content p{font-size: 16px;color: #b1b2b1;margin-top: 10px;line-height: 25px;}
.develop_right .develop_list .develop_li .btn a{color:#009944;}


/*招聘弹窗 */
.fixed_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: none; overflow: hidden; }
.fixed_box .job_fix{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 4px; display: none;}
.fixed_box .job_top{position: relative;}
.fixed_box .job_bot{padding: 30px;}
.fixed_box .job_wz{margin-bottom: 20px;}
.fixed_box .job_wz:after{content: ''; clear: both; display: table;}
.fixed_box .job_wz h2{margin: 0; font-size: 28px; color: #333; font-weight: bold; line-height: 40px; letter-spacing: 2px;}
.fixed_box .job_wz h5{font-size: 14px; color: #888; margin: 12px 0 30px;font-family:Arial, Helvetica, sans-serif;}
.fixed_box .job_wz p{font-size: 14px; line-height: 28px; color: #888;}
.fixed_box .job_wz p span{line-height: inherit;}
.fixed_box .jobCot ul:after{content: '';display: table;clear: both;}
.fixed_box .jobCot li{width: 50%; float: left; font-size: 14px; line-height: 30px; color: #888;}
.fixed_box .jobCot li span{color: #888;}
.fixed_box .job_close{position: absolute; top: 20px; right: 20px; width: 36px; padding: 5px; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.5); z-index: 2; cursor: pointer;transform:rotate(45deg); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.fixed_box .job_close img{width: 100%;}
.fixed_box .job_close:hover{transform:rotate(135deg);}



/* 企业历程 */
.col-xs-6,
.col-sm-4 {
    padding: 0;
}

.events-wrap {
    margin: 0 auto;
    position: relative;
}

.events-box {
    margin: 0 auto;
    position: relative;
    height: 540px;
    overflow: hidden;
}

.events-line {
    position: absolute;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: #e4e4e4;
    top: 324px;
}

.events-wrap .prev,
.events-wrap .next {
    display: inline-block;
    width: 21px;
    height: 39px;
    background: url(../images/btn01.jpg) no-repeat;
    position: absolute;
    top: 306px;
}

.events-wrap .prev {
    left: 0;
    background-position: 0 0;
}

.events-wrap .next {
    right: 0;
    background-position: -21px 0;
}

.events-scroll {
    position: absolute;
    left: 0;
    top: 0;
}

.events-scroll ul {
    float: left;
    width: 100%;
    height: 540px;
    padding-left: 53px;
}

.events-scroll ul li {
    width: 213px;
    float: left;
    position: relative;
}

.events-scroll ul li h2 {
    color: #333;
    font-size: 16px
}

.events-scroll ul li p {
    line-height: 1.2em;
    font-size: 12px;
}

.events-scroll ul li .con {
    background: url(../images/bg01.jpg) no-repeat 9px 16px;
    padding-left: 46px;
    line-height: 22px;
    color: #666;
}

.events-scroll ul li .con h2.years {
    font-weight: bold;
    font-size: 14px;
    color: #666;
    padding-top: 4px;
}

.events-scroll ul li .con .text {
    padding-bottom: 16px;
    line-height: 24px;
}

.events-scroll ul li .con .text.even {
    background: url(../images/bg03.jpg) no-repeat left bottom;
}

.events-scroll ul li .con .text.odd {
    background: url(../images/bg02.jpg) no-repeat left bottom;
}

.events-scroll ul li .con p {
    line-height: 16px;
    padding: 3px 0;
}

.color-b {
    color: #333;
}

.events-scroll ul li .imgbox {
    margin-top: 40px;
    width: 147px;
    height: 176px;
    position: relative;
    overflow: hidden;
    margin-left: -53px;
}

.events-scroll ul li .imgbox .cover {
    position: absolute;
    left: 0;
    top: 0px;
    width: 147px;
    height: 176px;
}

.events-scroll ul li .ring {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 315px;
}

.events-scroll ul li .ring.big {
    background: url(../images/bg04.jpg) no-repeat;
}

.events-scroll ul li .ring.small {
    background: url(../images/bg05.jpg) no-repeat center center;
}

.events-scroll ul li.fi .con {
    margin-top: 76px;
    height: 248px;
}

.events-scroll ul li.fi .cover {
    background: url(../images/cover01.png) no-repeat;
}

.events-scroll ul li.se .con {
    height: 300px;
}

.events-scroll ul li.se .cover {
    background: url(../images/cover02.png) no-repeat;
}

.events-scroll ul li.th .con {
    margin-top: 111px;
    height: 210px;
}

.events-scroll ul li.th .cover {
    background: url(../images/cover03.png) no-repeat;
}

.events-scroll ul li.fo .con {
    margin-top: 76px;
    height: 248px;
}

.events-scroll ul li.fo .cover {
    background: url(../images/cover04.png) no-repeat;
}


/* 党建活动 */
.activity_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.activity_nav a{font-size: 12px;color: #999;font-weight: 600;}
.activity_nav i{font-size: 12px;color: #999;font-weight: 600;}
.activity_nav a.active{color: #009944;}

.activity_con{margin-top: 20px;}
.activity_con .activity_left{width: 25%;}
.activity_con .activity_right{width: 70%;}
.activity_left .activity_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 146px;}
.activity_left .activity_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.activity_left .activity_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.activity_left .activity_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.activity_left .activity_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.activity_left .activity_slide .slide_log ul li.on a{color: #009944;}
.activity_left .activity_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.activity_left .activity_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.activity_left .activity_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.activity_left .activity_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.activity_left .activity_bott .bott_txt{width: 343px;padding: 0 10px;}
.activity_left .activity_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.activity_right .activity_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.activity_right .activity_tit p{font-size: 20px;color: #009944;}
.activity_right .activity_tit p span{font-size: 20px;color: #999;}
.activity_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;}
.activity_right .new_li{display: flex;justify-content: space-between;align-items: center;}
.activity_right .new_li .pany_left{padding-right: 30px;}
.activity_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.activity_right .new_li .pany_left span{font-size: 12px;color: #999;}
.activity_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;}
.activity_right .new_li .pany_right img{width: 100%;}
.activity_right .activity_txt{margin-top: 40px;}
.activity_right .activity_txt .activity_top{text-align: center;}
.activity_right .activity_txt .activity_top h2{font-size: 24px;font-weight: 600;}
.activity_right .activity_txt .activity_top p{font-size: 16px;color: #999;margin-top: 10px;}
.activity_right .activity_txt .activity_wz p{font-size: 16px;margin-top: 20px;}
.activity_right .activity_txt .activity_wz p img{width: 100%;}

/* 企业文化 */
.culture_nav{height: 68px;line-height: 68px;background-color: #f8f8f8; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.culture_nav a{font-size: 12px;color: #999;font-weight: 600;}
.culture_nav i{font-size: 12px;color: #999;font-weight: 600;}
.culture_nav a.active{color: #009944;}

.culture_con{margin-top: 20px;}
.culture_con .culture_left{width: 25%;}
.culture_con .culture_right{width: 70%;}
.culture_left .culture_slide{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);width: 343px;height: 280px;}
.culture_left .culture_slide .slide_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.culture_left .culture_slide .slide_tit p{font-size: 20px;font-weight: 600;}
.culture_left .culture_slide .slide_log ul li{width: 343px;height: 67px;background-color: #fdfdfd;line-height: 67px;text-align: center;border: 1px solid #ddd;border-top: none;}
.culture_left .culture_slide .slide_log ul li a{font-size: 16px;color: #777;width: 100%;display: inline-block;}
.culture_left .culture_slide .slide_log ul li.on a{color: #009944;}
.culture_left .culture_slide .slide_log ul li.on {border-right: 10px solid #009944;}
.culture_left .culture_bott{margin-top: 30px;width: 343px;height: 290px;border: 1px solid #ddd;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.09);}
.culture_left .culture_bott .bott_tit{width: 343px;height: 79px;line-height: 79px;background-color: #f8f8f8;text-align: center;border: 1px solid #ddd;}
.culture_left .culture_bott .bott_tit p{font-size: 20px;font-weight: 600;}
.culture_left .culture_bott .bott_txt{width: 343px;padding: 0 10px;}
.culture_left .culture_bott .bott_txt p{font-size: 16px;color: #777;margin-top: 10px;}
.culture_right .culture_tit {border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.culture_right .culture_tit p{font-size: 20px;color: #009944;}
.culture_right .culture_tit p span{font-size: 20px;color: #999;}
.culture_right .new_list ul li{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-top: 30px;}
.culture_right .new_li{display: flex;justify-content: space-between;align-items: center;}
.culture_right .new_li .pany_left{padding-right: 30px;}
.culture_right .new_li .pany_left h2{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.culture_right .new_li .pany_left span{font-size: 12px;color: #999;}
.culture_right .new_li .pany_left p{font-size: 12px;margin-top: 10px;}
.culture_right .new_li .pany_right img{width: 100%;}
.culture_right .culture_txt{margin-top: 40px;}
.culture_right .culture_txt .culture_top{text-align: center;}
.culture_right .culture_txt .culture_top h2{font-size: 24px;font-weight: 600;}
.culture_right .culture_txt .culture_top p{font-size: 16px;color: #999;margin-top: 10px;}
.culture_right .culture_txt .culture_wz p{font-size: 16px;margin-top: 20px;}
.culture_right .culture_txt .culture_wz p img{width: 100%;}


.new_right .new_txt .new_wz video{width: 100%;}

/* 分页 */
.pagination1 a{border: 1px solid #e2e2e2;padding: 10px 20px;}
.pagination1 a.cur{background-color: #009944;color: #fff;}
.pagination1 p{border: 1px solid #e2e2e2;padding: 10px 20px;display: inline-block;}


/* 在线留言 */
.liuyan_box{margin-top: 20px;}
.liuyan_box .name span{font-size: 16px;color: #333;}
.liuyan_box .name input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;}
.liuyan_box .tel{margin-top: 10px;}
.liuyan_box .tel span{font-size: 16px;color: #333;}
.liuyan_box .tel input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;}
.liuyan_box .email{margin-top: 10px;}
.liuyan_box .email span{font-size: 16px;color: #333;}
.liuyan_box .email input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;}
.liuyan_box .address{margin-top: 10px;}
.liuyan_box .address span{font-size: 16px;color: #333;}
.liuyan_box .address input{width: 325px;height: 40px;line-height: 40px;font-size: 14px;}
.liuyan_box .content{margin-top: 10px;display: flex;justify-content: flex-start;}
.liuyan_box .content p{font-size: 16px;color: #333;}
.liuyan_box .content textarea{width: 735px;font-size: 14px;}
.liuyan_box .submit{margin-top: 20px;}
.liuyan_box .submit button{width: 55px;height: 35px;font-size: 16px;background-color: #009944;color: #fff;border: 0;}
.liuyan_box .submit  input{width: 59px;height: 30px;line-height: 30px;margin: 0 10px; font-size: 14px;}
.liuyan_box .submit span{font-size: 16px;color: #333;margin-left: 10px;}



.qiehuan{
    position: relative;
    margin-top: 30px !important;
}

.qiehuan .swiper-slide a{
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.qiehuan .swiper-slide a img{
width: 100%;
height: auto;
display: block;
}

.qiehuan .swiper-slide a h2{
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 15px;
    font-size: 17px;
    padding-bottom: 35px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qiehuan .swiper-pagination span{
    background: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

.qiehuan .swiper-pagination span.swiper-pagination-bullet-active{
    background: #3da765;
}

.main_list{
    padding: 20px 0px;
}

.main_list ul{
    display: flex;
    margin: 0px -20px;
    flex-wrap: wrap;
}

.main_list ul li{
    width: calc(50% - 40px);
    margin: 0px 20px;
    margin-bottom: 30px;
    background: #f6f6f6;
    overflow: hidden;
}

.main_list ul li a h2{
    overflow: hidden;
}

.main_list ul li a h2 b{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    transition: all 0.5s ease 0s;
}

.main_list ul li a h2 img{
    width: 100%;
    height: auto;
}

.main_list ul li a:hover h2 b{
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
}


.main_list ul li a p{
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px 10px;
    position: relative;
    z-index: 2;
}


@media (max-width: 1400px){
    .g-wrap{width: 1280px;}


}

@media (max-width: 1320px){
    .about_con .about_right{width: 68%;}
    .product_con .product_right{width: 68%;}
    .develop_con .develop_right{width: 68%;}
    .new_con .new_right{width: 68%;}
    .activity_con .activity_right{width: 68%;}
    .culture_con .culture_right{width: 68%;}
    .contact_con .contact_right{width: 68%;}


}

@media (max-width: 1280px){
    .g-wrap{width: 1172px;}
    .index2 .ind2_right .ind2_cot .cot_left h2{margin-top: 0px;}
    .about_con .about_right{width: 65%;}
    .product_con .product_right{width: 65%;}
    .develop_con .develop_right{width: 65%;}
    .new_con .new_right{width: 65%;}
    .activity_con .activity_right{width: 65%;}
    .culture_con .culture_right{width: 65%;}

    .contact_con .contact_right{width: 65%;}

    .develop_right .develop_list .develop_li{width: 230px;height: 385px;}
    .develop_right .develop_list .develop_li .content{height: 230px;}

    .contact_right .develop_list .develop_li{width: 230px;height: 385px;}
    .contact_right .develop_list .develop_li .content{height: 230px;}



}

@media (max-width: 1200px){

    .index2 .ind2_right .ind2_cot .cot_left h2{margin-top: 0px;}
    .index2 .ind2_right .ind2_cot .cot_left{width: 55%;}
    .index2 .ind2_right .ind2_cot .cot_right{width: 45%;}
    .g-wrap{width: 1100px;}

    .page{margin-left: 20%;}

    .develop_right .develop_list .develop_li{width: 220px;height: 390px;}
    .develop_right .develop_list .develop_li .content{height: 230px;}

    .contact_right .develop_list .develop_li{width: 220px;height: 390px;}
    .contact_right .develop_list .develop_li .content{height: 230px;}





}

@media (max-width: 900px){

    .header .nav{display: none;}
    .phone-header{display: block;}
    .container {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 15px;
    }

    .header {
        height: 70px;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        line-height: normal;
    }

    .header .logo img {
        height: 30px;
        margin-top: 15px;
    }

    .search1{width: 100%;}

    .search1 .text {
        width: calc(100% - 40px);
    }

    .banner{margin-top: 70px;}

    #subjects{display: none;}

    .index2 .ind2_left{float: none;width: 100%;}
    .index2 .ind2_right{float: none;width: 100%;margin-top: 30px;}
    .index2 .ind2_left .bd .nr{border-right: none;padding-right: 0px;}
    .index2 .ind2_left .hd{padding-right: 0px;}

    .about_con .about_left{
        display: none;
    }

    .about_con .about_right{
        float: none;
        width: 100%;
    }

    .mainBan_bg{
        margin-top: 70px;
        height: 260px;
    }

    .row{
        margin-right: -15px;
        margin-left: -5px;
    }

    .product_con .product_left{
        display: none;
    }

    .product_con .product_right{
        float: none;
        width: 100%;
    }

    .develop_con .develop_left{
        display: none;
    }

    .develop_con .develop_right{
        float: none;
        width: 100%;
    }

    .new_con .about_left{
        float: none;
        margin-bottom: 15px;
    }

    .new_con .new_left{
        display: none;
    }

    .new_con .new_right{
        float: none;
        width: 100%;
    }

    .activity_con .activity_left{
        display: none;
    }

    .activity_con .activity_right{
        float: none;
        width: 100%;
    }

    .culture_con .culture_left{
        display: none;
    }

    .culture_con .culture_right{
        float: none;
        width: 100%;
    }

    .contact_con .contact_left{
        display: none;
    }

    .contact_con .contact_right{
        float: none;
        width: 100%;
    }

    .footer_yq{
        display: none;
    }

    .footer_bott .foot_res{
        float: none;
    }

    .footer_bott p:first-child{
        line-height: 25px;
    }

    .footer_bott .foot_icon{
        float: none;
    }


    .qiehuan .swiper-slide a h2{
        font-size: 14px;
    }


    .main_list ul{
        margin: 0px -10px;
    }

    .main_list ul li{
        margin: 0px 10px;
        width: calc(50% - 20px);
        margin-bottom: 15px;
    }

    .main_list ul li a p{
        padding: 10px;
        font-size: 13px;
    }


}

@media (max-width: 768px){

    .banner{
        height: 410px !important;
    }

    a.ban_arrR{
        right: 0;
    }

    a.ban_arrL{
        left: 0;
    }

    a.ban_arrL, a.ban_arrR{
        padding: 0;
    }

    .index1_ph{display: block;}
    .index1{display: none;}

    .index2{
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .index2 .ind2_left .bd .nr .ind2_list .ind2_li p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .index2 .ind2_left .bd .nr .ind2_list .ind2_li span{
        width: 95px;
        text-align: right;
    }

    .index2 .ind2_right .ind2_cot .cot_left h2{
        font-size: 16px;
    }

    .index2 .ind2_right .ind2_cot .cot_left p{
        font-size: 12px;
        padding-right: 0;
        margin-top: 15px;
    }

    .index2 .ind2_right .ind2_cot .cot_left{
        float: none;
        width: 100%;
    }

    .index2 .ind2_right .ind2_cot .cot_right{
        display: none;
    }

    .index2 .ind2_right .ind2_cot{
        margin-top: 20px;
    }

    .footer_bott{
        display: inline-block;
        text-align: center;
    }

    .index1 .slideBox .bd .nr{
        padding: 20px 0;
    }

    .mainBan_bg .mainBan_wz h1{
        font-size: 24px;
    }

    .mainBan_bg .mainBan_wz p{
        font-size: 14px;
    }

    .about_right .about_txt .about_wz p{
        font-size: 14px;
    }

    .about_right .about_tit p{
        font-size: 16px;
    }

    .about_right .about_tit p span{
        font-size: 16px;
    }

    .about_right .about_txt .about_wz{
        margin-top: 20px;
    }

    .footer{
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .about_right .about_list ul li{
        padding: 10px;
    }

    .page{
        margin-left: 0;
    }

    .page ul li{
        padding: 10px 14px;
    }

    .product_right .product_tit p{
        font-size: 16px;
    }

    .product_right .product_tit p span{
        font-size: 16px;
    }

    .product_right .product_list ul li{
        padding: 10px;
    }

    .product_right .product_list .product_li .product_wz p{
        font-size: 14px;
    }

    .develop_right .develop_tit p{
        font-size: 16px;
    }

    .develop_right .develop_tit p span{
        font-size: 16px;
    }

    .develop_right .develop_list .develop_li{
        width: 165px;
        padding: 20px 20px;
    }

    .develop_right .develop_list .develop_li .title h2{
        font-size: 16px;
    }

    .develop_right .develop_list .develop_li .content p{
        font-size: 14px;
    }

    .develop_right .develop_list .develop_li .content{
        margin-top: 10px;
        height: 275px;
    }

    .develop_right .develop_list ul li{
        margin-top: 20px;
        width: 50%;
    }

    .new_right .new_tit p{
        font-size: 16px;
    }

    .new_right .new_tit p span{
        font-size: 16px;
    }

    .new_right .new_li{
        display: inline-block;
    }

    .new_right .new_list ul li{
        margin-top: 20px;
    }

    .new_right .new_li .pany_left h2{
        font-size: 14px;
    }

    .new_right .new_li .pany_left{
        padding-right: 0;
    }

    .new_right .new_li .pany_right{
        margin-top: 10px;
    }

    .new_right .new_txt .new_top h2{
        font-size: 20px;
    }

    .new_right .new_txt .new_wz p{
        font-size: 14px;
    }

    .new_right .new_txt{
        margin-top: 20px;
    }

    .new_right .new_txt .new_top p{
        font-size: 14px;
    }

    .activity_right .activity_tit p{
        font-size: 16px;
    }

    .culture_right .culture_tit p{
        font-size: 16px;
    }

    .activity_right .activity_tit p span{
        font-size: 16px;
    }

    .culture_right .culture_tit p span{
        font-size: 16px;
    }

    .activity_right .new_li{
        display: inline-block;
    }

    .culture_right .new_li{
        display: inline-block;
    }

    .activity_right .new_list ul li{
        margin-top: 20px;
    }

    .culture_right .new_list ul li{
        margin-top: 20px;
    }

    .activity_right .new_li .pany_left h2{
        font-size: 14px;
    }

    .culture_right .new_li .pany_left h2{
        font-size: 14px;
    }

    .activity_right .new_li .pany_right{
        margin-top: 10px;
    }

    .culture_right .new_li .pany_right{
        margin-top: 10px;
    }

    .activity_right .new_li .pany_left{
        padding-right: 0;
    }

    .culture_right .new_li .pany_left{
        padding-right: 0;
    }


    .activity_right .activity_txt .activity_top h2{
        font-size: 20px;
    }

    .culture_right .activity_txt .activity_top h2{
        font-size: 20px;
    }

    .activity_right .activity_txt .activity_wz p{
        font-size: 14px;
    }

    .culture_right .culture_txt .culture_top p{
        font-size: 14px;
    }

    .activity_right .activity_txt{
        margin-top: 20px;
    }

    .culture_right .culture_txt{
        margin-top: 20px;
    }

    .contact_right .contact_tit p{
        font-size: 16px;
    }

    .contact_right .contact_tit p span{
        font-size: 16px;
    }

    .contact_right .contact_wz .address .contact_01{
        width: 110px;
    }

    .contact_right .contact_wz .address .contact_01 p{
        font-size: 14px;
    }

    .contact_right .contact_wz .address .contact_02 p{
        font-size: 14px;
    }

    .contact_right .contact_idea h2{
        font-size: 14px;
    }

    .contact_right .contact_wz{
        margin-top: 30px;
    }

    .contact_right .develop_list ul li{
        width: 50%;
        margin-top: 20px;
    }

    .contact_right .develop_list .develop_li{
        width: 165px;
        padding: 20px 20px;
    }

    .contact_right .develop_list .develop_li .title h2{
        font-size: 16px;
    }

    .contact_right .develop_list .develop_li .content p{
        font-size: 14px;
    }

    .contact_right .develop_list .develop_li .content{
        height: 275px;
        margin-top: 10px;
    }

    .index1_ph .slideBox .hd {height: 30px;line-height: 30px;border-bottom: 1px solid #dddddc;background-color: #eaeae9;}
    .index1_ph .slideBox .hd ul li{float: left;cursor: pointer;padding: 0 15px;}
    .index1_ph .slideBox .hd ul li.on{height: 30px;background-color: #fff;border: 1px solid #dddddc;border-bottom: 2px solid #fff;color: #333;font-weight: 600;}
    .index1_ph .slideBox .bd .nr{border-bottom: 1px solid #dddddc;padding: 30px 0;}
    .index1_ph .slideBox .bd .nr .img p{color: #009944;margin-top: 10px;}
    .index1_ph .slideBox .bd .nr .img img{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);}
    .index1_ph .slideBox .bd .nr .img{text-align: center;}
    .index1_ph .slideBox .bd .nr .index1swiper{padding: 0 40px;}
    .index1swiper .swiper-button-next, .index1swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
    .index1_ph .slideBox .bd .nr .index2swiper{padding: 0 40px;}
    .index2swiper .swiper-button-next, .index2swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
    .index1_ph .slideBox .bd .nr .index3swiper{padding: 0 40px;}
    .index3swiper .swiper-button-next, .index3swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}
    .index1_ph .slideBox .bd .nr .index4swiper{padding: 0 40px;}
    .index4swiper .swiper-button-next, .index4swiper .swiper-button-prev{width: 19px;height: 30px;background-size: 19px 30px;opacity: 0.4;}


    .fixed_box .job_fix{width: 92%; height: 75%; overflow-y: scroll;}
    .fixed_box .job_bot{padding: 20px;}




}




























